import Vue from 'vue'
import VueRouter from 'vue-router'
import IconView from "@/views/IconView.vue";


Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        redirect: '/icon'
    },
    {
        path: '/icon',
        name: 'icon',
        component: IconView
    },
    {
        path: '/button',
        name: 'button',
        // which is lazy-loaded when the route is visited.
        component: () => import('@/views/ButtonView.vue')
    },
    {
        path: '/link',
        name: 'link',
        component: () => import('@/views/LinkView.vue')
    },
    {
        path: '/form',
        name: 'form',
        component: () => import('@/views/FormView.vue')
    },
    {
        path: '/table',
        name: 'table',
        component: () => import('@/views/TableView.vue')
    },
    {
        path: '/message',
        name: 'message',
        component: () => import('@/views/MessageView.vue')
    },
    {
        path: '/notification',
        name: 'notification',
        component: () => import('@/views/NotificationView.vue')
    },
    {
        path: '/dialog',
        name: 'dialog',
        component: () => import('@/views/DialogView.vue')
    },
    {
        path: '/mbox',
        name: 'mbox',
        component: () => import('@/views/MessageBox.vue')
    }


]

const router = new VueRouter({
    routes
})

export default router
